<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>图片详情</title>
   <link href="css/normalize.css" type="text/css" rel="stylesheet"/>
   <link href="css/base.css" type="text/css" rel="stylesheet"/>
   <link href="css/animate.css" type="text/css" rel="stylesheet"/>
   <link href="css/detail.css" type="text/css" rel="stylesheet"/>
</head>
<body>
      <!--详情-->
  <div class="detail">
    <!-- 顶部：图片信息和关闭按钮（定位） -->
    <div class="top">
      <!--<div class="info"><img src="./images/帮助.png" alt="" /></div>-->
      <div class="close"><img src="./images/关闭.png" alt="" /></div>
    </div>
    <!-- 中间：图片，可以左右滑动 -->
    <div class="mid">
    </div>
    <!-- 底部：进度条 和 加载高清图片和三个按钮（定位） -->
    <div class="bottom">
      <div class="progress-wrap">
        <div class="line"></div>
        <div class="progress-info"></div>
      </div>
      <div class="btns">
        <div class="gq-btn">加载高清图</div>
        <div class="icon-btns">
          <div class="icon-btn transmit"><img src="./images/转发.png" alt="" /></div>
          <!--<div class="icon-btn like"><img src="./images/喜欢.png" alt="" /></div>-->
          <div class="icon-btn download"><img src="./images/下载.png" alt="" /></div>
        </div>
      </div> 
    </div>
  </div>
    <!--导入axios -->
    <script src="./lib/axios.js"></script>
    <script src="https://dapp.tmuyun.com/oss-static/app/jcommind.js"></script>
    <script src="js/utils.js"></script>
    <script src="js/detail.js?v=<% =new Date().getTime() %"></script>
  </script>
</body>
</html>